<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        布局标签(结构化的语义标签)

        header：表示网页的头部
        main：表示网页的主体部分(一个页面中只有一个main)
        footer：表示网页的底部
        nav：表示网页中的导航
        aside：表示和主体相关的其他内容(侧边栏)
        article：表示一个独立的文章
        section：表示一个独立的区块，上边的标签都不能表示时使用section

        因为兼容性以及习惯问题，我们开发的时候还是更喜欢使用div来进行布局
        span：行内元素，没有任何的意义，一般用于在网页中选中文字
     -->
     <header></header>
     <section></section>
</body>
</html>